<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
	</head>

	<body>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
		
		
		<!--底部栏-->
		<nav class="mui-bar mui-bar-tab">
		    <a class="mui-tab-item mui-active" id="shouye">
		        <span class="mui-icon mui-icon-home"></span>
		        <span class="mui-tab-label">首页</span>
		    </a>
		    <a class="mui-tab-item" id="shoucang">
		        <span class="mui-icon mui-icon-mui-icon mui-icon-pengyouquan"></span>
		        <span class="mui-tab-label">收藏</span>
		    </a>
		    <a class="mui-tab-item" id="jieyue">
		        <span class="mui-icon mui-icon-mui-icon mui-icon-loop"></span>
		        <span class="mui-tab-label">借阅</span>
		    </a>
		    <a class="mui-tab-item" id="my">
		        <span class="mui-icon mui-icon-mui-icon mui-icon-contact"></span>
		        <span class="mui-tab-label">我的</span>
		    </a>
		</nav>
	</body>
	<script>
		mui.init({
		subpages:[
			{
				url:"shoucang.html",
				id:"shoucang.html",
				styles:{
					top:"0px",
					bottom:"50px"
				}
			},
			{
				url:"jieyue.html",
				id:"jieyue.html",
				styles:{
					top:"0px",
					bottom:"50px"
				}
			},
			{
				url:"my.html",
				id:"my.html",
				styles:{
					top:"0px",
					bottom:"50px"
				}
			},
			{
				url:"shouye.html",
				id:"shouye.html",
				styles:{
					top:"0px",
					bottom:"50px"
				}
			}
		],
		preloadPages:[
			
		]
	})
	
	var shouye = document.getElementById('shouye');
	var koubei = document.getElementById('shoucang');
	var pengyou = document.getElementById('jieyue');
	var my = document.getElementById('my');
//	setTimeout(function(){
//		var shouyePage = plus.webview.getWebviewById('shouye.html');
//		var koubeiPage = plus.webview.getWebviewById('koubei.html');
//		var pengyourPage = plus.webview.getWebviewById('pengyou.html');
//		var myPage = plus.webview.getWebviewById('my.html');
//		plus.webview.hide(koubeiPage);
//		plus.webview.hide(pengyouPage);
//		plus.webview.hide(myPage);
//	},500)
	shouye.addEventListener('tap',function(){
		var shouyePage = plus.webview.getWebviewById('shouye.html');
		var shoucangPage = plus.webview.getWebviewById('shoucang.html');
		var jieyuePage = plus.webview.getWebviewById('jieyue.html');
		var myPage = plus.webview.getWebviewById('my.html');
		plus.webview.show(shouyePage);
		plus.webview.hide(shoucangPage);
		plus.webview.hide(jieyuePage);
		plus.webview.hide(myPage);
	})
	
	shoucang.addEventListener('tap',function(){
		var shouyePage = plus.webview.getWebviewById('shouye.html');
		var shoucangPage = plus.webview.getWebviewById('shoucang.html');
		var jieyuePage = plus.webview.getWebviewById('jieyue.html');
		var myPage = plus.webview.getWebviewById('my.html');
		plus.webview.hide(shouyePage);
		plus.webview.show(shoucangPage);
		plus.webview.hide(jieyuePage);
		plus.webview.hide(myPage);
	})
	
	jieyue.addEventListener('tap',function(){
		var shouyePage = plus.webview.getWebviewById('shouye.html');
		var shoucangPage = plus.webview.getWebviewById('shoucang.html');
		var jieyuePage = plus.webview.getWebviewById('jieyue.html');
		var myPage = plus.webview.getWebviewById('my.html');
		plus.webview.hide(shouyePage);
		plus.webview.hide(shoucangPage);
		plus.webview.show(jieyuePage);
		plus.webview.hide(myPage);
	})
	my.addEventListener('tap',function(){
		var shouyePage = plus.webview.getWebviewById('shouye.html');
		var shoucangPage = plus.webview.getWebviewById('shoucang.html');
		var jieyuePage = plus.webview.getWebviewById('jieyue.html');
		var myPage = plus.webview.getWebviewById('my.html');
		plus.webview.hide(shouyePage);
		plus.webview.hide(shoucangPage);
		plus.webview.hide(jieyuePage);
		plus.webview.show(myPage);
	})
</script>
	</script>

</html>